<seed-content class="competitions-content">
  <seed-toolbar-header>
    <seed-toolbar-title>赛事</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <div id="competitions-swiper">
    <!--<recom-match [eventSwiperData]="eventSwiper | async" *ngIf="eventSwiper"></recom-match>-->
    <seed-cycle [slides]="eventSwiper|async" (clicked)="goToTarget($event)"></seed-cycle>
  </div>
  <seed-infinite-scroll class="search-results" (infiniteScroll)="onScroll()">
    <div *ngFor="let item of matchList" class="match-list-clum" (click)="routerCompetitionDetail(item.id)">
      <seed-img class="match-picture" [lazyLoadImg]="item.logoUrl" [defaultImg]="'long'"></seed-img>

      <div class="match-info">
        <div class="match-title">{{item.matchName}}</div>
        <div class="match-type">
          <span class="match-type-name">{{item.matchTypeStr}}</span>
          <span class="events-out-time">{{item?.startTime|amDateFormat:'YYYY/MM/DD'}}</span>
          <span class="events-out-time">~</span>
          <span class="events-clock">{{item?.endTime|amDateFormat:'YYYY/MM/DD'}}</span>
        </div>
      </div>
      <img [src]="statusPicture[item.status]" class="match-status"/>
    </div>
    <seed-infinite-scroll-content *ngIf="checkData"></seed-infinite-scroll-content>
  </seed-infinite-scroll>

  <div class="miss-page" *ngIf="matchList?.length==0">
    <missing-default-content></missing-default-content>
  </div>
</seed-content>
<div class="match-filter" routerLink="/match/filter"></div>






